@import "../../lib/colors.less";

@font-face {
  font-family: 'iconfont';  /* project id 1117888 */
  src: url('//at.alicdn.com/t/font_1117888_1kjrhupbxen.eot');
  src: url('//at.alicdn.com/t/font_1117888_1kjrhupbxen.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1117888_1kjrhupbxen.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1117888_1kjrhupbxen.woff') format('woff'),
  url('//at.alicdn.com/t/font_1117888_1kjrhupbxen.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1117888_1kjrhupbxen.svg#iconfont') format('svg');
}

.pro{
  &-tabbar{
    background-color: #f9f9f9;
    width: 100%;
    height: 52px;
    display: flex;
    line-height: 52px;
    &-item{
      flex: 1;
      display: flex;
      flex-direction: column;
      text-align: center;
      color: #586679;
      .am-badge-text{
        background-color: @primary;
      }
      &.active{
        color: @primary;
      }
      .icon{
        height: 32px;
        line-height: 32px;
        font-size: 26px;
        font-family: 'iconfont';
      }
      .text{
        height: 20px;
        font-size: 14px;
        line-height: 20px;
      }
    }
  }
}